<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Jquery Menu</title>
<link href="jquerymenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/common.js"></script>
<script src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="jquerymenu.js"></script>
</head>

<body>
	<div id="menu">
		<ul class="menuTitle">
			<li id="btnHome" ><a href="">Home</a></li>
			<li id="btnTraining" ><a href="">Training</a></li>
			<li id="btnProject" ><a href="">Projects</a></li>
			<li id="btnCourse"><a href="">Courses</a></li>
			<li id="btnContact"><a href="">Contact</a></li>
		</ul>
	</div>
	<div id="homepage">
		<div id="welcombox">
			<div id="welcome">
				<h1>Welcome to my personal homepage.</h1> 
				<p>
					My name is Peng Gao, I am a software application developer, a web designer and programmer.
				</p>
			</div>
			<div id="menuphoto">
				<div id="photowelcome" class="menubox">
					<div class="menutext">WELCOME</div>
				</div>
				<div id="phototraining" class="menubox">
					<div class="menutext">TRAINING</div>
				</div>
				<div id="photoproject" class="menubox">
					<div class="menutext">PROJECTS</div>
				</div>					
				<div id="photocourse" class="menubox">
					<div class="menutext">COURSES</div>
				</div>
				<div id="photocontact" class="menubox">
					<div class="menutext">CONTACT</div>
				</div>
			</div>
		</div>
	</div>
	<div id="training">	
		<h2>My Professional Training</h2> 
		<h3>AEC Software Application Specialist.</h3>
		<p>
		Vanier College, From October 15, 2013 to December 5, 2014.
		</p>
		<p>
			Maintenance and development of an application, including analysis and design, development and testing,<br/> 
			as well as installation and integration of systems into data processing environments.
		</p>
		<ul id="trainingcontent">
			<li>Programmer in different languages</li>
			<li>Use an object-oriented development approach</li>
			<li>Design and develop an application in a database environment</li>
			<li>Web UI design and web application development</li>
			<li>Produce and manage documentation</li>
		</ul>
		<div id="photobox">
			<img id="photo1" class="photowall" src="../images/Logos/vanierschool01.jpg" alt="vanier college">
			<img id="photo2" class="photowall" src="../images/Logos/vanierschool02.jpg" alt="vanier college">
			<img id="photo3" class="photowall" src="../images/Logos/vanierschool09.jpg" alt="vanier college">
			<img id="photo4" class="photowall" src="../images/Logos/vanierschool04.jpg" alt="vanier college">
			<img id="photo5" class="photowall" src="../images/Logos/vanierschool03.png" alt="vanier college">
			<img id="photo6" class="photowall" src="../images/Logos/vanierschool10.jpg" alt="vanier college">
			<img id="photo7" class="photowall" src="../images/Logos/vanierschool07.jpg" alt="vanier college">
			<img id="photo8" class="photowall" src="../images/Logos/vanierschool06.jpg" alt="vanier college">
			<img id="photo9" class="photowall" src="../images/Logos/vanierschool08.jpg" alt="vanier college">
			<img id="photo10" class="photowall" src="../images/Logos/vanierschool11.jpg" alt="vanier college">
		</div> 
	</div>	
	<div id="projects">
		<div id="specification">
			<h2>My Projects</h2> 
			<h3>There are some projects I finished.</h3>
		</div>	
		<div id="zoomshow">
		</div>
		<div id="projectslist">
		</div>		
	</div>	
	<div id="courses">
		<div >
			<h2>My Courses</h2> 
		</div>		
	</div>	
	<div id="contact">
		<div id="contactbox">
			<div id="contactinfo">
				<div id="circle"></div>
				<h1>Peng Gao</h2> 
				<h2>Web designer and programmer</h3>
				<p>Rue ouimet, Montr&#233al, Qu&#233bec H4L 3R1</p>
				<p>Email: gaopleo@gmail.com</p>
			</div>	
		</div>	
	</div>			
	<div id="footer">
		Email: <a href="mailto:gaopleo@gamil.com">Peng Gao</a><br />
		Addr: 821 Sainte-Croix Montr&#233al, Qu&#233bec H4L 3X9 Canada <b>Tel:
			514.744.7500</b> <br /> Copyright &#169 L&#233o 2014 All Rights Reserved	
	</div>
</body>
</html>